.el-form-item__label {
  font-weight: normal;
}

/* fix bug#图片上传的加号没有居中显示 */
.avue-upload__avatar {
  line-height: 148px !important;
}

.avue-crud {
  > h2 {
    display: none;
  }

  .avue-form__menu--left {
    /* fix bug#avue-crud searchMenuSpan最大只允许设置为6/24=25%，不能满足要求，33.33%=8/24*/
    min-width: 33.33%;
    /* fix bug#表格的搜索按钮跟左侧挤在一起 */
    .el-button:first-child {
      margin-left: 20px;
    }

    @media only screen and (max-width: 1320px) {
      .el-button {
        margin-left: 4px;
        &:first-child {
          margin-left: 4px;
        }
        .el-icon-search,
        .el-icon-delete {
          display: none;
        }
      }
    }
  }

  /* 隐藏表格多选的提示文字 */
  .avue-crud__tip {
    display: none;
  }

  .avue-crud__menu {
    i {
      display: none;
    }
  }

  .status-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary-color);
    margin-right: 10px;

    &.success {
      background-color: #54ca03;
    }
    &.danger {
      background-color: #fc4350;
    }
    &.warning {
      background-color: #f9ae18;
    }
    &.info {
      background-color: #909399;
    }
  }
}

/* 调整表单样式 */
.avue-form {
  .avue-group__title {
    font-size: 16px;
    color: #262626;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: bold;
  }

  /* 详情页的样式调整 */
  &.avue--detail {
    .el-row {
      border-top: none;
      border-left: none;

      .el-col {
        border-style: none;

        .el-form-item {
          &.el-form-item--medium,
          &.el-form-item--mini,
          &.el-form-item--small {
            background-color: #fff;
          }

          .el-form-item__label {
            padding-right: 8px;
            color: #8c8c8c;
          }

          .el-form-item__content {
            border-style: none;
            padding-left: 8px;
          }
        }
      }
    }
  }
}

.el-form-item {
  .el-form-item__label {
    color: #8c8c8c;
  }

  .el-tabs--card.el-tabs--top {
    .el-tabs__header {
      .el-tabs__item.is-active {
        border-top: 2px solid var(--primary-color);
        height: 42px;
      }
    }
  }
}

/* fix bug#iconify, svg 图标没有居中显示 below */
.iconify {
  display: inline-block;
}

svg {
  display: inline-block !important;
}

/* fix bug#iconify, svg 图标没有居中显示 above */

/* 代码生成出来的组件样式 */
.hi-form {
  margin-bottom: 40px;

  .hi-form__wrapper {
    height: calc(100vh - 268px);
    overflow-y: auto;
  }

  .hi-from__action {
    position: absolute;
    bottom: 20px;
    height: 60px;
    left: 20px;
    right: 20px;
    padding: 0 20px;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
  }
}

.el-drawer__wrapper {
  .el-drawer__header {
    height: 56px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 16px;
    font-weight: bold;
    padding-top: 0px;
    margin-bottom: 0px;
    line-height: 56px;
    border-bottom: 1px solid #f0f0f0;
  }
}

.avue-form__group {
  .el-form-item {
    .el-form-item__content {
      .avue-input {
        .el-input__inner,
        .el-textarea__inner {
          color: #262626;
        }
      }
      .el-select {
        .el-input__inner {
          color: #262626;
        }
      }
      .el-date-editor{
        .el-range-input{
          color: #262626;
        }
      }
    }
  }
}
